<script src="./page.js"></script>
<style lang="less" rel="stylesheet/less" scoped>
    @import "./page.less";
</style>

<template>
    <div class="card-wrapper">
        
        <el-tabs type="border-card">
            <el-tab-pane v-for="(item, index) in dialogList" v-bind:key="index" :label="item.componyName">
                    <el-table :data="item.dList" stripe>
                        <el-table-column label="姓名" prop="name" width="70px"></el-table-column>
                        <el-table-column label="电话" prop="phone"></el-table-column>
                        <el-table-column label="身份证" prop="idCard" show-overflow-tooltip></el-table-column>
                        <el-table-column label="开户账号" prop="openAccount" show-overflow-tooltip></el-table-column>
                        <el-table-column label="实发金额" prop="actualAmount" show-overflow-tooltip>
                            <template slot-scope="scope">
                                <div>
                                    <span>{{scope.row.actualAmount|filterMoney}}</span>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="结算时间" prop="settleTime" show-overflow-tooltip></el-table-column>
                        <el-table-column label="个税" prop="tax">
                            <template slot-scope="scope">
                                <div>
                                    <span>{{scope.row.tax|filterMoney}}</span>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="社保" prop="insurance">
                            <template slot-scope="scope">
                                <div>
                                    <span>{{scope.row.insurance|filterMoney}}</span>
                                </div>
                            </template>
                        </el-table-column>
                        <el-table-column label="总费用" prop="totalAmount" show-overflow-tooltip>
                            <template slot-scope="scope">
                                <div>
                                    <span>{{scope.row.totalAmount|filterMoney}}</span>
                                </div>
                            </template>
                        </el-table-column>
                    </el-table>
                <el-pagination v-show="item.dPageTotal>0" class="mt56" layout="prev, pager, next" :total="item.dPageTotal" :page-size="item.dsize" :current-page="item.dpage" @current-change="pageSearchD($event,item.componyName)" @size-change="handleSizeChangeD(item.componyName)"></el-pagination>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
